
.volume {
    background: $bgc;
    padding: 0px 8px;
    border-radius: 3px;
}
.volume-ic {
    font: 18px "Material Icons" ;
    color: #ebcb8b;
}
.volume-bt {
    background: transparent;
    border: 0px;
    //    padding: 0px 4px;
    color: #ebcb8b;
}
.volume scale trough highlight {
    background-color: #ebcb8b;
    border-radius: 8px;
}
.volume scale trough {
  background: rgba(50, 50, 50, 0.3);
  border-radius: 10px;
  min-height: 6px;
  min-width: 50px;
}

.volume scale trough slider {
    all: unset;
}


.light {
    background: $bgc;
    padding: 0px 8px;
    border-radius: 3px;
    label {
	color: red;
	//font: 14px "Material Icons";
    color: #26abd2;
    }
}
.lightic {
}
.lightb {
    background: transparent;
    border: 0px;
    padding: 0px 4px;
    color: #26abd2;
}
.light scale trough highlight {
  background-color: #26abd2 ; //rgba(220, 220, 220, 0.8);
  border-radius: 10px;
}
.light scale trough {
  background: rgba(50, 50, 50, 0.3);
  border-radius: 10px;
  min-height: 6px;
  min-width: 50px;
  margin-left: 5px;
  margin-right: 0px;
}
.light scale trough slider {
    all: unset;
}



.cpuinfo {
    color: #7aa2f7;
    background: $bgc;
    padding: 0px 8px;
    border-radius: 3px;
}
.cpuinfo scale trough highlight {
    background: #7aa2f7; //;rgba(220, 220, 220, 0.8);
    border-radius: 0px;
    border: 0px;
}
.cpuinfo scale trough {
    background: $bgc;
    border-radius: 0px;
    min-width: 10px;
    min-height: 20px;
}

.meminfo {
    color: #2aa000;
    background: $bgc;
    padding: 0px 8px;
    border-radius: 3px;
}
.meminfo scale trough highlight {
    background: #2aa000; //;rgba(220, 220, 220, 0.8);
    border-radius: 0px;
    border: 0px;
}
.meminfo scale trough {
    background: rgba(50, 50, 50, 0.3);
    border-radius: 0px;
    min-width: 10px;
    min-height: 10px;
}


.temperature {
  color: #d08770;
}

.bluetooth {
  color: #268bd2;
}

.mem-icon, .cpu-icon {
    //font: 18px "Segoe MDL2 Assets";
    font: 18px "Symbols Nerd Font";
    padding-right: 2px;
}

.bat {
    background: $bgc;
    padding: 0px 8px;
    border-radius: 3px;
}

.baticon {
    font: 18px "Segoe MDL2 Assets";
}

.batcolor0 { color: #F00; }
.batcolor1 { color: #F30; }
.batcolor2 { color: #F60; }
.batcolor3 { color: #F90; }
.batcolor4 { color: #Fc0; }
.batcolor5 { color: #cf0; }
.batcolor6 { color: #9f0; }
.batcolor7 { color: #6f0; }
.batcolor8 { color: #3f0; }
.batcolor9 { color: #0f0; }
.batcolor10 { color: #0f0; }


.dt-label {
    font: 16px "";
    color: white;
    background: $bgc;
    padding: 0px 8px;
}
.timepopup {
    //background-color: rgba(40,40,40, 0.8);
    padding: 10px 20px;
}


// Calendar
.cal {
    all: unset;
    padding: 5px;
    background-color: #0f0f17;
    font-size: 18px;
    font-weight: normal;
    .cal-in {
	color: #bfc9bb;
	.cal {
	    padding: 5px 5px 5px 5px;
	    margin-left: 10px;
	    .current {
		color: red;
	    }
	}
    }
    button {
	background: #444;
	color: $btn-text-color;
	outline: none;
	border:none;
    }
    button:hover {
	background: #999;
    }
}

calendar {
    all: unset;
    color: #bfc9db;
}
calendar:selected {
  color: #a1bdce;
}

calendar.header {
color: #a1bdce;
font-weight: bold;
}

calendar.button {
color: #afbea2;
}

calendar.highlight {
color: #a1bdce;
font-weight: bold;
}

calendar:indeterminate {
color: #bfc9db;
}
